
<div>
   <center> <h2>Registro del Cliente</h2></center>

    <div class="form">
            <form id="cliente_form"action="#" method="post" class="niceform">

            <fieldset>

                <dt><label for="txt_nombre">Nombre</label></dt>
                <dd><input title="Campo Requerido" type="text" name="nombre" id="txt_nombre"  size="54" class="required" />
                </dd>
                </dl>
                <dl>
                    <dt><label for="txt_apellido1">Paterno</label></dt>
                    <dd><input title="Campo requerido" type="text" name="apellido1" id="txt_apellido1" size="54" class="required"/></dd>
                </dl>
                <dl>
                    <dt><label for="txt_apellido2">Materno</label></dt>
                    <dd><input title="Campo requerido" type="text" name="apellido2" id="txt_apellido2" size="54" class="required"/></dd>
                </dl>

                <dl>
                    <dt><label for="txt_direccion">Direccion</label></dt>
                    <dd><input title="Campo requerido" type="text" name="direccion" id="txt_direccion" size="54" class="required"/></dd>
                </dl>

                <dl>
                    <dt><label for="txt_telefono">Telefono</label></dt>
                    <dd><input title="Campo requerido" type="text" name="telefono" id="txt_telefono" pattern="[0-9]*" size="54" class="required NumbersOnly"/></dd>
                </dl>
                <dl>
                    <dt><label for="txt_email">Email</label></dt>
                    <dd><input title="Campo requerido" type="text" name="email" id="txt_email" class="required email" size="54"/></dd>
                </dl>
                <!-- <input type="radio" name="dr" value="0" id="dr_0" />
                                   <input type="radio" name="dr" value="1" id="dr_1" />-->
                <dl>
                    <dt><input type="radio" name="pais" value="0" id="pais_0">Pais/Ciudad</label></dt>
                    <dd><input type="text" id="pais_0" size="54"/></dd>
                </dl>
                <dl>
                    <dt>
                    <input type="radio" name="pais" value="1" checked id="pais_1">Bolivia
                    </dt>
                    <dd>
                        <?php
                        $options = array(
                            'op' => 'Departamentos  ',
                            'lapaz' => 'La paz',
                            'santacruz' => 'Santa cruz',
                            'potosi' => 'Potosi',
                            'sucre' => 'Sucre',
                            'beni' => 'Beni ',
                            'tarija' => 'Tarija',
                            'oruro' => 'Oruro',
                            'pando' => 'Pando',
                            'cochabamba' => 'Cochabamba',
                        );
                            echo form_dropdown('op', $options, 'op');
                        ?>
                    </dd>
                </dl>


                <dl class="submit">
                    <input type="submit" name="guardar" id="guardar" value="Guardar"/>
                    <input type="reset" value="Cancelar"/>

                </dl>

            </fieldset>
        </form>
    </div>

    <script>
        function buscar() {
            var id = $('#txt_carnet').val();
            var dataString = 'id=' + id;
            $.ajax({
                    url: "http://localhost/disenoweb1/index.php/cliente/busqueda_ajax",
                    type: "post",
                    data: dataString,
                    success: function (data) {
                        var cliente = $.parseJSON(data);
                        $("#txt_nombre").val(cliente[0].nombre);
                        $("#txt_apellido1").val(cliente[0].apellido1);
                        $("#txt_apellido2").val(cliente[0].apellido2);
                        $("#txt_direccion").val(cliente[0].direccion);
                        $("#txt_telefono").val(cliente[0].telefono);
                        $("#txt_email").val(cliente[0].email);
                        $("#txt_ciudad").val(cliente[0].ciudad);
                        $("#imagen").attr('src', '../img/images/hornoturbo.jpg');
                    },
                    error: function () {
                        alert("failure");
                    }
                }

            );

        }



        $(document).ready(function () {
            /* Funcion para validar numeros*/
            $.validator.addMethod("NumbersOnly", function(value, element) {
                return this.optional(element) || /^[0-9]+$/i.test(value);
            }, "Use solo numeros");

            $("#cliente_form").validate();//validacion form cliente


            $('#guardar').click(function (e) {

                e.preventDefault();


              //  if (confirm('Are you sure you want to save this thing into the database?')) {
                    // Save it!
                //} else {
                    // Do nothing!
                //}

                if ($('#cliente_form').valid())// validacion boton guardar
                {


                    $.post('cliente/guardar',$( "#cliente_form" ).serialize(),function(data){
                        $( ".right_content" ).empty();
                        $( ".right_content" ).append( data );
                    });
                    return false;
                }

            });
        });


    </script>